﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>订单列表</title>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>

<body>
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed">
                <div class="page orderlist" id="orderlist_page" data-page="orderlist">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="link" data-action="back"><i class="icon icon-back"></i><span>返回</span></a>
                            </div>
                            <div class="center">
                                我的订单</div>
                            <div class="right">
                            </div>
                        </div>
                    </div>
                    <!-- tabs控制面板 -->
                    <div class="sub_buttons_row buttons-row orderlist">
                        <!-- 关联到第一个tab, 默认激活 -->
                        <a href="#sub_orderList_tab1" class="tab-1 tab-link button active">已付款</a>
                        <!-- 关联到第二个tab -->
                        <a href="#sub_orderList_tab2" class="tab-2 tab-link button">待付款</a>
                        <!-- 关联到第三个tab -->
                        <a href="#sub_orderList_tab3" class="tab-3 tab-link button">全部</a>
                        <div class="ordernumber ordernumber-tab1" style="left:23%;">0</div>
                        <div class="ordernumber ordernumber-tab2" style="left:56%">0</div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content infinite-scroll">
                        <!-- Tabs, 标签内容区容器 -->
                        <div class="tabs bg-white" style="margin-top: 42px;">
                            <!-- Tab 1, 已付款 默认激活 -->
                            <div id="sub_orderList_tab1" class="tab active">
                                <div class="list-block media-list">
                                    <ul>
                                    </ul>
                                    <div class="infinite-scroll-preloader1 t-c">
                                        <div class="preloader">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Tab 2，待付款 -->
                            <div id="sub_orderList_tab2" class="tab">
                                <div class="list-block media-list">
                                    <ul>
                                    </ul>
                                </div>
                                <div class="infinite-scroll-preloader2 t-c">
                                    <div class="preloader">
                                    </div>
                                </div>
                            </div>
                            <!-- Tab 3，全部 -->
                            <div id="sub_orderList_tab3" class="tab">
                                <div class="list-block media-list">
                                    <ul>
                                    </ul>
                                </div>
                                <div class="infinite-scroll-preloader3 t-c">
                                    <div class="preloader">
                                    </div>
                                </div>
                            </div>
                            <!--ticket template-->
                            <script id="template-orderList-ticket" type="text/template7">
                                {{#each results}} {{#js_compare "this.statusClass==='dfk' "}}
                                <li class="dfk" orderno="{{OrderNo}}" ordername="{{OrderName}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" orderTime="{{OrderTime}}" style="color: #fe5522">待付款</span>                                                <span class="button button-pay">付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='ycs' "}}
                                <li class="ycs" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">待付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='used' "}}
                                <li class="used" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}}{{#js_compare "this.statusClass==='qetkz' "}}
                                <li class="qetkz" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">全额退款中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='bftkz' "}}
                                <li class="bftkz" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">部分退款中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='yfk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">已付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='sqtk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">退款审核中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='' "}}
                                <li orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">{{statusName}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}张</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/each}}
                            </script>
                            <!--hotem template-->
                            <script id="template-orderList-hotel" type="text/template7">
                                {{#each results}} {{#js_compare "this.statusClass==='dfk' "}}
                                <li class="dfk" orderno="{{OrderNo}}" ordername="{{OrderName}}" sumprice="{{SumPrice}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" orderTime="{{OrderTime}}">待付款</span> <span class="button button-pay">付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='ycs' "}}
                                <li class="ycs" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">待付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='yfk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">已付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='sqtk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">退款审核中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='used' "}}
                                <li class="used" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='' "}}
                                <li orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>入住日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">{{statusName}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">共{{OrderNumber}}间</span> <span class="f-r">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/each}}
                            </script>
                            <!--line template-->
                            <script id="template-orderList-line" type="text/template7">
                                {{#each results}} {{#js_compare "this.statusClass==='dfk' "}}
                                <li class="dfk" orderno="{{OrderNo}}" ordername="{{OrderName}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" orderTime="{{OrderTime}}" style="color: #fe5522">待付款</span>                                                <span class="button button-pay">付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-L">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='ycs' "}}
                                <li class="ycs" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">待付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='yfk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">已付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='sqtk' "}}
                                <li class="yfk" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">退款审核中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='used' "}}
                                <li class="used" orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}} {{#js_compare "this.statusClass==='' "}}
                                <li orderno="{{OrderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{GetImage.ImageFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{OrderName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>游玩日期：{{PlayDate}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">{{statusName}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{SumPrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/each}}
                            </script>
                            <!--Group template-->
                            <script id="template-orderList-Group" type="text/template7">
                                {{#each results}} {{#js_compare "this.statusClass==='dfk' "}} {{#js_compare "this.getGroupOrder.length > 0 "}}
                                <li class="dfk" orderno="{{orderNo}}" ordername="{{getGroupOrder[0].cnName}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" orderTime="{{orderTime}}" style="color: #fe5522">待付款</span>                                                <span class="button button-pay">付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-L">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{#js_compare "this.statusClass==='ycs' "}} {{#js_compare "this.getGroupOrder.length > 0
                                "}}
                                <li class="ycs" orderno="{{orderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state" style="color: #fe5522">待付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{#js_compare "this.statusClass==='yfk' "}} {{#js_compare "this.getGroupOrder.length > 0
                                "}}
                                <li class="yfk" orderno="{{orderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">已付款</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{#js_compare "this.statusClass==='sqtk' "}} {{#js_compare "this.getGroupOrder.length > 0
                                "}}
                                <li class="yfk" orderno="{{orderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state">退款审核中</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{#js_compare "this.statusClass==='used' "}} {{#js_compare "this.getGroupOrder.length > 0
                                "}}
                                <li class="used" orderno="{{orderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                        <em></em></a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{#js_compare "this.statusClass==='' "}} {{#js_compare "this.getGroupOrder.length > 0 "}}
                                <li orderno="{{orderNo}}">
                                    <a href="#" class="item-link item-content row no-gutter">
                                        <div class="item-media col-33" style="background-image: url({{imgFrontUrl}})">
                                        </div>
                                        <div class="item-inner col-66">
                                            <div class="item-title-row">
                                                <div class="item-title">
                                                    {{getGroupOrder[0].cnName}}</div>
                                            </div>
                                            <div class="item-info" style="bottom:58px;">
                                                <span>{{getGroupOrder[0].createDate}}-{{getGroupOrder[0].toDay}}</span>
                                            </div>
                                            <div class="item-info" style="bottom: 34px;">
                                                <span class="order-state"></span>
                                            </div>
                                            <div class="item-info" style="bottom: 10px;">
                                                <span class="f-l">合计：<strong>&yen;<b>{{getGroupOrder[0].getOrderDayPrice[0].salePrice}}</b></strong></span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                {{/js_compare}} {{/js_compare}} {{/each}}
                            </script>
                        </div>
                    </div>
                    <!-- Scenic Popup -->
                    <div class="popup popup-scenic orderdetail">
                        <div class="content-block">
                            <a href="#" class="close-popup"><i class="iconfont icon-jia1"></i></a>
                            <div class="popup-main">
                            </div>
                            <script id="template-ticketorder-detail" type="text/template7">
                                <div class="popup-info">
                                    <h3>
                                        {{orderName}}（{{getTicketOrderInfo.length}}张）</h3>
                                    <ul>
                                        <li>订单编号：{{orderNo}}</li>
                                        <li>订单金额：&yen;&nbsp;<span class="price">{{sumPrice}}</span></li>
                                        <li>游玩时间：<span class="date">{{getTicketOrderInfo[0].playDate}}</span></li>
                                    </ul>
                                </div>
                                <div class="popup-info">
                                    <ul>
                                        <li>下单时间：{{orderTime}}</li>
                                        <li>预订人：{{person}}</li>
                                        <li>手机号：{{phone}}</li>
                                        <li>身份证号：{{IDCard}}</li>
                                        <li>推荐码：{{recommendCode}}</li>
                                    </ul>
                                </div>
                                <div class="popup-info visitor">
                                    <div class="tourist-info">
                                        <h5>
                                            旅客1</h5>
                                        <ul>
                                            <li>旅客姓名：额度恢复</li>
                                            <li>身份证号：420107********0046</li>
                                        </ul>
                                    </div>
                                    <div class="tourist-info">
                                        <h5>
                                            旅客2</h5>
                                        <ul>
                                            <li>旅客姓名：额度恢复</li>
                                            <li>身份证号：420107********0046</li>
                                        </ul>
                                    </div>
                                </div>
                                <!--<div class="popup-info">
                                    <div class="ewm">
                                        <img src="http://img1.imgtn.bdimg.com/it/u=2651821991,1810641912&fm=21&gp=0.jpg" />
                                        <p>
                                            直接通过扫码进入景区</p>
                                    </div>
                                </div>-->
                                <div class="popup-info btn_fk" style="display:none" orderno="{{orderNo}}" ordername="{{orderName}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">付款</a>
                                </div>
                                <div class="popup-info btn_tk" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">申请退款</a>
                                </div>
                                <div class="popup-info btn_del" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}" orderType='0'>
                                    <a href="#" class="button">删除</a>
                                </div>
                            </script>
                        </div>
                    </div>
                    <!-- Hotel Popup -->
                    <div class="popup popup-hotel orderdetail">
                        <div class="content-block">
                            <a href="#" class="close-popup"><i class="iconfont icon-jia1"></i></a>
                            <div class="popup-main">
                            </div>
                            <script id="template-hotelorder-detail" type="text/template7">
                                <div class="popup-info">
                                    <h3>
                                        {{orderName}} {{#js_compare "this.getHotelOrderInfo.length > 0 "}} （{{getHotelOrderInfo[0].orderNumber}}晚）
                                    </h3>
                                    {{/js_compare}}
                                    <ul>
                                        <li>订单编号：{{orderNo}}</li>
                                        <li>订单金额：&yen;&nbsp;<span class="price">{{sumPrice}}</span></li>
                                        {{#js_compare "this.getHotelOrderInfo.length > 0 "}}
                                        <li>入离时间：<span class="date">{{getHotelOrderInfo[0].ARRIVALDATE}}-{{getHotelOrderInfo[0].FINISHEDDATE}}</span></li>
                                        {{/js_compare}}
                                    </ul>
                                </div>
                                <div class="popup-info">
                                    <ul>
                                        <li>下单时间：{{orderTime}}</li>
                                        <li>预订人：{{person}}</li>
                                        <li>手机号：{{phone}}</li>
                                        <li>身份证号：{{IDCard}}</li>
                                        <li>推荐码：{{recommendCode}}</li>
                                    </ul>
                                </div>
                                <!--<div class="popup-info">
                                <h3>
                                    兑换码: 8586 8965 8856</h3>
                            </div>-->
                                <div class="popup-info btn_fk" style="display:none" orderno="{{orderNo}}" ordername="{{orderName}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">付款</a>
                                </div>
                                <div class="popup-info btn_tk" style="display:none" orderno="{{orderNo}}" ordername="{{orderName}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">申请退款</a>
                                </div>
                                <div class="popup-info btn_del" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}" orderType='1'>
                                    <a href="#" class="button">删除</a>
                                </div>
                            </script>
                        </div>
                    </div>
                    <!--Line Popup-->
                    <div class="popup popup-line orderdetail">
                        <div class="content-block">
                            <a href="#" class="close-popup"><i class="iconfont icon-jia1"></i></a>
                            <div class="popup-main">
                            </div>
                            <script id="template-line-detail" type="text/template7">
                                <div class="popup-info">
                                    <h3>
                                        {{orderName}}</h3>
                                    <ul>
                                        <li>订单编号：{{orderNo}}</li>
                                        <li>订单金额：&yen;&nbsp;<span class="price">{{sumPrice}}</span></li>
                                        <li>出发时间：<span class="date">{{getLineOrderInfo[0].departDay}}</span></li>
                                    </ul>
                                </div>
                                <div class="popup-info">
                                    <ul>

                                        <li>预订人：{{person}}</li>
                                        <li>手机号：{{phone}}</li>
                                        <li>身份证号：{{IDCard}}</li>
                                        <li>推荐码：{{recommendCode}}</li>
                                    </ul>
                                </div>
                                <div class="popup-info btn_fk" style="display:none" orderno="{{orderNo}}" ordername="{{orderName}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">付款</a>
                                </div>
                                <div class="popup-info btn_tk" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">申请退款</a>
                                </div>
                                <div class="popup-info btn_del" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}" orderType='2'>
                                    <a href="#" class="button">删除</a>
                                </div>
                            </script>
                        </div>
                    </div>
                    <!--Group Popup-->
                    <div class="popup popup-group orderdetail">
                        <div class="content-block">
                            <a href="#" class="close-popup"><i class="iconfont icon-jia1"></i></a>
                            <div class="popup-main">
                            </div>
                            <script id="template-group-detail" type="text/template7">
                                <div class="popup-info">
                                    <h3>
                                        {{orderName}}（{{getGroupOrder[0].orderNumber}}张）</h3>
                                    <ul>
                                        <li>订单编号：{{orderNo}}</li>
                                        <li>订单金额：&yen;&nbsp;<span class="price">{{sumPrice}}</span></li>
                                        <li>团购时间：<span class="date">{{orderTime}}</span></li>
                                    </ul>
                                </div>
                                <div class="popup-info">
                                    <ul>
                                        <li>预订人：{{person}}</li>
                                        <li>手机号：{{phone}}</li>
                                    </ul>
                                </div>
                                <div class="popup-info btn_fk" style="display:none" orderno="{{orderNo}}" ordername="{{orderName}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">付款</a>
                                </div>
                                <div class="popup-info btn_tk" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}">
                                    <a href="#" class="button">申请退款</a>
                                </div>
                                <div class="popup-info btn_del" style="display:none" orderno="{{orderNo}}" onlinePay="{{onlinePay}}" orderType='22'>
                                    <a href="#" class="button">删除</a>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_orderList.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_hotel.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_line.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_group.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_wxpay_service.js?time=20171213174312"></script>
</body>

</html>